<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
   	<link rel="stylesheet" href="css/style.css" />
   	<link rel="stylesheet" href="css/iconfont.css" />
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="js/com.js"></script>
	<script src="js/detail.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="bg-idx">
	<div class="header">
		<a href="javascript:history.go(-1);" class="icon iconfont icon-fanhui"></a>
		<h3 class="title">商品详情</h3>
		<a class="icon iconfont icon-sousuo1"></a>
	</div>
	<div class="content" id="product">
		<div class="product-img">
			<img src="img/good.jpg">
		</div>
		<div class="product-txt">
			<h3>商品的名称商品的名称商品的名称商品的名称</h3>
			<h4>
				<span><b>¥100.20</b></span>
				<span>折扣：<b>5折</b></span>
				<a>数量：xxx</a>
			</h4>
		</div>
		<div class="product-info">
			<div class="tab">
				<span class="active">宝贝详情</span>
				<span>宝贝评价</span>
				<span>常见问题</span>
			</div>
			<div class="box">
				<div class="box-xq">
					<p>这是产品描述</p>
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
					<img src="img/good.jpg">
				</div>
				<div class="box-pj">
					<ul>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
						<li>
							<h4>
								<img src="img/qq.jpg">
								<span>中原一点红</span>
								<i>2017-12-21 12:23:30</i>
							</h4>
							<p>这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！这个商品很不错哦！嗯！</p>
						</li>
					</ul>
					<p>
						<a href="detail-comment.html">查看更多评论 <span>></span></a>
					</p>
				</div>
				<div class="box-wt">
					<p>这个商品太棒了！一点问题没有，赶紧买吧！</p>
				</div>
			</div>
		</div>
		<div class="product-bot">
			<div>
				<i class="iconfont icon-kefu"></i>
				<h4>客服</h4>
			</div>
			<div class="active">
				<i class="iconfont icon-love"></i>
				<h4>收藏</h4>
			</div>
			<a href="" class="btn-shop">加入购物车</a>
			<a href="" class="btn-buy">立即购买</a>
		</div>
	</div>
</body>
</html>